<template>
	<div class="content">
        <div>Food content</div>
        <div class="subnavbar">
          <ul>
            <li><router-link  to="/food/subfood1">SubFood1</router-link></li>
            <li><router-link  to="/food/subfood2">SubFood2</router-link></li>
            <li><router-link  to="/food/subfood3">SubFood3</router-link></li> 
          </ul>
          <router-view></router-view>
          <router-view name="ex"></router-view>
        </div>
	</div>
</template>

<script>

export default {
  name: 'food',
  data () {
    return {
      msg: 'food'
    }
  }
}
</script>